:root[theme="light"] {
    --you-background-color: #efefef;
    --theme-button-image: url('icon/aside-bar/theme-button-moon.png');
    --aside-todo-list-button-image: url('icon/aside-bar/todo-list-dark.png');
    --aside-todo-button-image: url('icon/aside-bar/todo-light.png');
    --aside-data-button-image: url('icon/aside-bar/data-light.png');
    --aside-timer-button-image: url('icon/aside-bar/timer-light.png');
    --dialog-button-setting-image: url('icon/aside-bar/setting_dark.png');
    --aside-border-right-color: #d5d5d5;
    --p-text-color: #000000;
    --el-calendar-border-color: #d1d1d1;
    --el-border-color-lighter: #dddddd !important;
    --el-button-small-hover: #e1e1e1;
    --webkit-scrollbar-track-bgc: #8a8a8a;
    --select-grade-option-box-bgc: #ededed;
    --you-button-bgc-disabled: #9c9c9c;
    --you-button-color-disabled: #dadada;
    --date-todo-item-del-color: #aaaaaa;
    --you-dialog-box-shadow:rgba(147, 147, 147, 0.3);
    --dialog-state-button-hover-color: #dcdcdc;
    --current-time-text-shadow:-1px -1px 3px #dadada,3px 3px 4px #000000;

    /*覆盖element-plus值*/
    --el-disabled-border-color: var(--el-calendar-border-color);
    --el-bg-color-overlay: #ededed !important;
    --el-text-color-regular:var(--p-text-color);
    --el-fill-color-blank:var(--you-background-color);
    --el-border-color:var(--el-calendar-border-color);
    --el-border-color-light:var(--el-calendar-border-color);
    --el-fill-color-light: #dadada;
    --el-bg-color: #efefef;  /*dialog背景颜色*/

}
:root[theme="dark"] {
    --you-background-color: #252525;
    --theme-button-image:url('icon/aside-bar/theme-button-son.png');
    --aside-todo-list-button-image: url('icon/aside-bar/todo-list-light.png');
    --aside-todo-button-image:url('icon/aside-bar/todo-dark.png');
    --aside-data-button-image:url('icon/aside-bar/data-dark.png');
    --aside-timer-button-image:url('icon/aside-bar/timer-dark.png');
    --dialog-button-setting-image: url('icon/aside-bar/setting_light.png');
    --aside-border-right-color: #353535;
    --p-text-color:white;
    --el-calendar-border-color: #3e3e3e;
    --el-border-color-lighter: #323232 !important;
    --el-button-small-hover: #393939;
    --webkit-scrollbar-track-bgc: #a8a8a8;
    --select-grade-option-box-bgc: #222222;
    --you-button-bgc-disabled: #4c4c4c;
    --you-button-color-disabled: #888888;
    --date-todo-item-del-color: #595959;
    --you-dialog-box-shadow: rgba(156, 156, 156, 0.3);
    --dialog-state-button-hover-color: #515151;
    --current-time-text-shadow:-2px -2px 3px #4b4b4b,2px 2px 8px #000000;

    /*覆盖element-plus值*/
    --el-disabled-border-color: var(--el-calendar-border-color);
    --el-bg-color-overlay: #222222 !important;
    --el-text-color-regular:var(--p-text-color);
    --el-fill-color-blank:var(--you-background-color);
    --el-border-color:var(--el-calendar-border-color);
    --el-border-color-light:var(--el-calendar-border-color);
    --el-fill-color-light: #3e3e3e;
    --el-bg-color: #373737;  /*dialog背景颜色*/
}
:root {
    --add-todo-box-input-placeholder: #808080;
    --aside-pading: 10px;
    --aside-bar-width: 40px;
    --aside-active-border-botton-color: #329fef;
    --transition-time: 0.2s;
    --el-calendar-day-span-border-color: #329fef;
    --el-calendar-day-span-size: 18px;
    /*覆盖element-plus值*/
    --el-text-color-placeholder: #7c7c7c;
    --el-datepicker-active-color: #41a4ed !important;
}
